<!DOCTYPE html>
<html>
    <head>
        <style>
            body {
                width: 500px;
                height: 500px;
                display: grid;
                grid-template-columns: repeat(3,1fr);
                grid-template-rows: repeat(3,1fr);
            }

            div {
                margin: auto;
                background-color: antiquewhite;
                /* 指定格子的起止线 */
                grid-column: 2/3;
                grid-row: 2/3;
            }
        </style>
    </head>
    <body>
        <div>
            <!-- 垂直居中的单元格 -->
        </div>
    </body>
</html>